<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>


    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Crear perfil</title>
        <script type="text/javascript" language="javascript" src="/JQuery/js/tcal.js"></script>
        <link href="css/style.css" rel="stylesheet" type="text/css" />
        <link href="css/tcal.css" rel="stylesheet" type="text/css" />
        <script language=" JavaScript" type="text/javascript">

            function comprobarcamposobligatorios(){
                var p= document.getElementsByName("nombre");
                var q= document.getElementsByName("apellidos");
                var r= document.getElementsByName("correo");
                if(p[0].value == 0 ||q[0].value == 0 ||r[0].value == 0 ){
                    alert("Introduce los campos obligatorios");
                }
            }
            </script>
    </head>

    <body>
        <h1>
            <form action="/listado">
                <input type="image" src="stylesheets/fondo_admin.jpg" >
            </form>
            
            <br>
            <center>PERSONAL</center>
        </h1>


        <form name="form1" action="/crear_camarero" method="post">

            <fieldset>
                <legend>Información personal</legend>
			*Nombre: <input name="nombre" type="text">
                        *Apellidos:<input type ="text" name="apellidos"> <br />
                        
			Fecha de Nacimiento:<input name="fecha_nac" type="text" id="dateArrival"
                                               class="tcal" size="10">
			Teléfono: <input type="text" name="telefono"> <br />
			*Correo Electrónico:<input type="text" name="correo">
                        Dni: <input type="text" name="dni">
                        <font size="2">(*Campos obligatorios)</font>
            </fieldset>
            <fieldset>
                <legend>Información laboral</legend>

                <p>
				Disponibilidad<select name="disponibilidad">
                        <optgroup label="" >
                            <option>Mañana</option>
                            <option>Tarde</option>
                            <option>Noche</option>
                            <option>Total</option>
                        </optgroup>
                    </select>
                        	Coche <select name="coche">
                        <optgroup label="" >
                            <option>Sí</option>
                            <option>No</option>
                        </optgroup>
                    </select>
           
				Categoría<select name="categoria">
                        <optgroup label="" >
                            <option>Jefe de Sala</option>
                            <option>Maitre</option>
                            <option>Camarero</option>
                            <option>Office</option>
                            <option>Limpieza</option>
                        </optgroup>
                    </select>
                </p>
                
				Comentario<br>
                <div>
                    <textarea name="comentarios" rows="3" cols="60"></textarea>
                </div>
                

                <input align="right" type="submit" onclick="comprobarcamposobligatorios()" value="Guardar" >
                </form>

            </fieldset>
    </body>
</html>